@extends('layout.normalize')

@section('title', '抽奖活动')

@section('css')
    <link rel="stylesheet" href="//cdn.staticfile.org/normalize/3.0.3/normalize.min.css"/>
    <link rel="stylesheet" href="{{ asset('css/activity/lottery/style.css') }}"/>
    <link href="/css/weui.min.css" rel="stylesheet">
@endsection

@section('content')
    <br/>
    <input type="hidden" id="openId" name="openId" value="{{ $openId }}" />
    <img src="{{ asset('img/activity/lottery/1.png') }}" id="shan-img" style="display:none;" />
    <img src="{{ asset('img/activity/lottery/2.png') }}" id="sorry-img" style="display:none;" />
	<div class="banner">
		<div class="turnplate" style="background-image:url({{ asset('img/activity/lottery/turnplate-bg.png') }});background-size:100% 100%;">
			<canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
			<img class="pointer" src="{{ asset('img/activity/lottery/turnplate-pointer.png') }}"/>
		</div>
	</div>

    <br/>
    <p class="activityDescriptionTitle">活动说明：</p>
    <div class="descriptionContainer">
        <ol>
            <li>每人只有一次抽奖机会</li>
            <li>抽到奖品者出示奖品内容进行现场兑换</li>
            <li>抽奖活动将于奖品送完截止</li>
            <li>最终解释权归计算机协会</li>
        </ol>
    </div>

    <footer>
        <p class="copyright">Copyright © 2016 华南理工大学广州学院计算机协会</p>
    </footer>
@endsection

@section('js')
    <script src="//cdn.bootcss.com/vue/2.0.1/vue.min.js"></script>
    @include('app.partial.alert')
    <script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <script src="{{ asset('js/activity/lottery/awardRotate.js') }}"></script>
    <script src="{{ asset('js/activity/lottery/index.js') }}"></script>
@endsection